<?php
/*
 * icons/index.php
 * 
 * Lister tous les icones du répertoire
 * 
 */

$dossier = null;
$basePath = 'http://192.168.10.17/sandbox/icons';
$files = array();
$col = 4;

if ($dossier = opendir(__DIR__ . '/svg/')) {
    while (($fichier = readdir($dossier)) !== false) {
        if ($fichier != '.' && $fichier != '..' && $fichier != 'index.php') {
            //echo "<li><img width='48' height='48' src='$basePath/svg/$fichier' alt='$fichier'></li>";
            $files[] = $fichier;
        }
    }
}

$icons = array();
if($icndir = opendir(__DIR__ .'/svg/mmf/')){
    while (($fichier = readdir($icndir)) !== false) {
        if ($fichier != '.' && $fichier != '..' && $fichier != 'index.php') {
            $icons[] = $fichier;
        }
    }
}
?>
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Liste des icones</title>
    </head>
    <body>
        <h2>Liste des icones disponibles</h2>
        <table style="width: 100%;">
            <thead>
                <tr>
                    <td width="30"></td>
                    <td width="20"></td>
                    <td width="30"></td>
                    <td width="20"></td>
                </tr>
            </thead>
            <tbody>
                <?php
                $count = count($files);
                for($i = 0; $i < $count; $i+= $col):
                ?>
                <tr>
                    <?php for($k = 0; $k < $col; $k++): ?>
                    <td>
                        <?php $id = $i + $k; ?>
                        <?php echo isset($files[$id]) ? "<img width='48' height='48' src='$basePath/svg/{$files[$id]}' alt='{$files[$id]}'><br>" : '' ?>
                        <?php echo isset($files[$id]) ? $files[$id] : '' ?>
                    </td>
                    <?php endfor; ?>
                </tr>
                <?php endfor; ?>
            </tbody>
        </table>
        <hr>
        <h2>Liste des icones retenus</h2>
        <table style="width: 100%;">
            <thead>
                <tr>
                    <td width="30"></td>
                    <td width="20"></td>
                    <td width="30"></td>
                    <td width="20"></td>
                </tr>
            </thead>
            <tbody>
                <?php
                $count = count($icons);
                for($i = 0; $i < $count; $i+= $col):
                ?>
                <tr>
                    <?php for($k = 0; $k < $col; $k++): ?>
                    <td>
                        <?php $id = $i + $k; ?>
                        <?php echo isset($icons[$id]) ? "<img width='48' height='48' src='$basePath/svg/mmf/{$icons[$id]}' alt='{$icons[$id]}'><br>" : '' ?>
                        <?php echo isset($icons[$id]) ? $icons[$id] : '' ?>
                    </td>
                    <?php endfor; ?>
                </tr>
                <?php endfor; ?>
            </tbody>
        </table>
    </body>
</html>


